﻿<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="images/ico/favicon.png">

    <title>Tlion!</title>

    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="css/style.css" rel="stylesheet">
	
	<script src="js/modernizr.custom.js"></script>		

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="../../assets/js/html5shiv.js"></script>
      <script src="../../assets/js/respond.min.js"></script>
    <![endif]-->
  </head>

  <body>
  
  <header class="header"> 
    <div class="container">

	  <div class="row">
 	  
	    <div class="col-md-3">
		  <div class="logo">
		     <a href="index.html">Tlion!</a>
		  </div>
		</div>
		
		<div class="col-md-9">
                  <div class="menu">
                    <div id="dl-menu" class="dl-menuwrapper">
                    <button class="dl-trigger">Open Menu</button>
                      <ul class="dl-menu">
                        <li><a href="index.html">主页</a></li>
                        <li><a href="about.html">部门管理</a></li>
                            <li><a href="team.html">领导员工</a></li>
                            <li ><a href="404.html">404</a></li>
                        
                        <li><a href="#">照片墙</a>
                            <ul class="dl-submenu">
                            	<li><a href="portfolio2.html">照片墙 2</a></li>
                                <li><a href="portfolio3.html">照片墙 3</a></li>
                                <li><a href="portfolio4.html">照片墙 4</a></li>
                            </ul>
                        </li>
                        <li class="current"><a href="blog.html">公司动态</a></li>
                        <li><a href="contact.html">意见</a></li>
                        <li><a href="mmy/T_user.jsp">登陆注册</a></li>
                      </ul>
                    </div> 
                  </div><!-- /.menu --> 
		</div>
		
	  </div>

	</div>
  </header>	
  
  <div class="page_banner">

  <!-- start page_title -->
    <img src="images/page_banner_blog.jpg" alt="" />
  <!-- end page_title --> 
  
  </div>
	
  <!-- start content -->
  <div class="content">
	
  <!-- start block -->		
  <div class="block">
    <div class="container">
	
        <div class="row">
		
		  <div class="col-sm-9">
		  <h2 class="headers">动态</h2>
		  <span class="line" >
		  <span class="sub-line" ></span>
		  </span>

					<!-- End Post 1 -->
					<!-- Post 2 -->
					<div class="post-preview">
						<!-- Post Title & Meta -->
						<h3><a href="#/freebie-medical-vector-icon-set-ai-eps-psd/" class="dark-link">免费赠送：医学矢量图标集[ AI、EPS和PSD ]</a></h3>
						<div class="post-meta">
							 
							<span class="meta-date">9月10日，2014年</span>
							<span class="meta-tags"><a href="#">免费赠品</a></span>
							<span class="meta-comment"><a href="#">4条评论</a></span>
						</div>
						<!-- End Post Title & Meta -->
						<!-- Post Image -->
						<div class="post-image-wrap">
							 
								<img src="#/wp-content/uploads/2014/09/freebie-medical-icon.jpg" alt="">
								 
							 
						</div><br/>
						<!-- End Post Image -->
						<p>
							 无论你是入门级设计师还是经验丰富的设计师，你总是在寻找设计灵感。增加一点对你的启示，我们今天发布一套42美丽和高品质的医疗矢量图标。这些医疗图标来与AI、EPS、PSD源文件和专为我们的朋友在论坛#。
						</p>

					</div>
					<!-- End Post 2 -->
					<!-- Post 3 -->
					<div class="post-preview">
						<!-- Post Title & Meta -->
						<h3><a href="#/one-page-free-html-css-website-template-bootstrap-3-meilleur/" class="dark-link">一个免费的网站模板，页面HTML CSS（bootstrap 3）–美莱</a></h3>
						<div class="post-meta">
							<span class="meta-date">2014年05月 </span>
							<span class="meta-tags"><a href="#">HTML5，响应 </a></span>
							<span class="meta-comment"><a href="#">108条评论</a></span>
						</div>
						<!-- End Post Title & Meta -->
						<!-- Post Image -->
						<div class="post-image-wrap">
							
								<img src="#/wp-content/uploads/2014/05/one-page-free-html-css-website-template-bootstrap-3-meilleur1.jpg" alt="">
								
						</div> <br/>
						<!-- End Post Image -->
						<p>
							该公司是一家专业、多用途和响应一个页面的HTML5网站模板已使用新的推特Bootstrap 3框架构建。
						</p>

					</div>
					<!-- End Post 3 -->
					<!-- Post 4 -->
					<div class="post-preview">
						<!-- Post Title & Meta -->
						<h3><a href="#/responsive-bootstrap-admin-template-edmin/" class="dark-link">响应引导管理模板–Edmin</a></h3>
						<div class="post-meta">
							<span class="meta-date">201407月14日</span>
							<span class="meta-tags"><a href="#">引导、管理</a></span>
							<span class="meta-comment"><a href="#">31条评论</a></span>
						</div>
						<!-- End Post Title & Meta -->
						<!-- Post Image -->
						<div class="post-image-wrap">
							
								<img src="#/wp-content/uploads/2014/07/free-responsive-admin-templates-edmin1.jpg" alt="">
								
						</div><br/>
						<!-- End Post Image -->
						<p>
							

如果你是一名网页设计师/设计师，你的专业需要创造力、专业知识和经验，有时你会因为重复工作而感到恼火，尤其是在截止日期临近且预算较低的情况下。你不应该把自己的精力浪费在这些琐事上。只要尝试启动管理模板，你将永远不会拒绝这样的机会，以节省您的时间了。 
						</p>
                        
                        <p>

Edmin又是一个新的引导管理模板与jQuery的插件，为你的项目是完美的。它提供了一个易于使用的现代和平面的用户界面设计和完全响应的布局，兼容手持设备，如手机和平板电脑。 </p>

					</div>
					<!-- End Post 4 -->
					<!-- Pagination -->
					<div class="pagination">
						<div>
							 Page 1 of 7
						</div>
						<a href="#" >1</a>
						<a href="#" class="active">2</a>
						<a href="#">3</a>
						<a href="#">4</a>
                        
                        <a href="#">5</a>
						<a href="#">6</a>
						<a href="#">7</a>
					</div>
					<!-- End Pagination -->
		  </div>
		  
				<!-- Sidebar -->
				<div class="col-sm-3 sidebar">

					<!-- Categories List -->
		  <h3 class="headers">类别</h3>
		  <span class="line" >
		  <span class="sub-line" ></span>
		  </span>
					<ul class="categories">
						<li><a href="#">文档模板 <b class="count">(15)</b></a></li>
						<li><a href="#">曾平 <b class="count">(21)</b></a></li>
						<li><a href="#">手机端开发 <b class="count">(33)</b></a></li>
						<li><a href="#">导航 <b class="count">(08)</b></a></li>
						<li><a href="#">jQuery插件 <b class="count">(25)</b></a></li>
						<li><a href="#">脚本与应用 <b class="count">(96)</b></a></li>
						
					</ul>
					<!-- End Categories List -->
					
					<!-- Latest Projects -->
		  <h3>Flickr的图片</h3>
		  <span class="line" >
		  <span class="sub-line" ></span>
		  </span>
					<div class="latest-project">
						<div class="latest-project-item">
							<a href="#"><img src="images/blog/rp-1.jpg" alt=""></a>
						</div>
						<div class="latest-project-item">
							<a href="#"><img src="images/blog/rp-2.jpg" alt=""></a>
						</div>
						<div class="latest-project-item">
							<a href="#"><img src="images/blog/rp-3.jpg" alt=""></a>
						</div>
						<div class="latest-project-item">
							<a href="#"><img src="images/blog/rp-4.jpg" alt=""></a>
						</div>
						<div class="latest-project-item">
							<a href="#"><img src="images/blog/rp-5.jpg" alt=""></a>
						</div>
						<div class="latest-project-item">
							<a href="#"><img src="images/blog/rp-6.jpg" alt=""></a>
						</div>
					</div>
					<!-- End Latest Project -->	
		  <h3>文本部件 </h3>
		  <span class="line" >
		  <span class="sub-line" ></span>
		  </span>
<h4>填写您的谱曲的同情</h4>
<p>许多声音；地方性，消除政治进步。伙伴关系；无法克服的挑战；彭博社；卫生，和平，变革。 
</p>		  

				</div>
				<!-- End Sidebar -->
		  
		</div>
	  
	</div>
  </div>
  <!-- end block -->  	
  
  </div>
  <!-- end content -->
  
  <footer>
    <div class="footer-top">
	  <div class="container">
	    <div class="row">
		  <div class="col-md-8">
		    <h3>关于 Tlion!</h3>
			<p>Tlion网络科技有限公司是由一批具有国内著名网络公司服务背景的网络精英所组成，年轻、富有活力，注定一开始就是一家成熟的网络科技公司，是一家专业从事网站建设、网站推广和网络营销的互联网基础运营商。
</p>

		  </div>
		  <div class="col-md-4">
          <h3>立刻联系我们！</h3>
          
          <p>Suit 44, 25th Floor, World Beach.</p>
          <p>Washington, DC 08808, USA.</p>
          
          <ul class="get-social">
            <li>
            <a href="#">
            <i class="fa fa-facebook"></i>
            </a>
            </li>
            <li>
            <a href="#">
            <i class="fa fa-twitter"></i>
            </a>
            </li>
           
            <li>
            <a href="#">
            <i class="fa fa-linkedin"></i>
            </a>
            </li>
            <li>
            <a href="#">
            <i class="fa fa-google-plus"></i>
            </a>
            </li>
            <li>
            <a href="#">
            <i class="fa fa-pinterest"></i>
            </a>
            </li>
            
            </ul>
            
            
          	
          </div>
		  
		   			  
		</div>
	  </div>
	</div>
	
  </footer>


    <!-- JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="js/jquery-1.11.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
	
	<script src="js/jquery.dlmenu.js"></script>
	
    <script type="text/javascript" src="js/jquery.flexisel.js"></script>

	<script src="js/jquery.prettyPhoto.js"></script>	

    <script type='text/javascript' src='js/jquery.min.js'></script>
    <script type='text/javascript' src='js/jquery.mobile.customized.min.js'></script>
    <script type='text/javascript' src='js/jquery.easing.1.3.js'></script> 
    <script type='text/javascript' src='js/camera.min.js'></script> 	
	
    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=true"></script>
	<script src="js/jquery.gmap.min.js"></script>
	
	<script type="text/javascript" src="js/jquery.ajax-contact-form.js"></script>	

    <script src="js/script.js"></script>
	
  </body>
</html>